<template>
  <div>
    <!-- Tab切换 -->
    <div>
      <van-tabs v-model="activeName" color="#1DA57A">
        <van-tab title="推荐音乐" name="a">
          <commend></commend>
          <newest></newest>
        </van-tab>
        <van-tab title="排行榜" name="b">
          <rank></rank>
          
        </van-tab>
        <van-tab title="搜索" name="c">
          <search></search>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script>
import rank from './Rank.vue'
import commend from './Commend'
import search from './Search'
import newest from './Newest'

export default {
  name: "indexContent",
  components:{
    rank,commend,search,newest
  },
  data() {
    return {
      activeName: "a",
    };
  },
};
</script>
<style scoped lang="less">


</style>
